<div class="tit p-lr20">
    <a class="c-40d064" href="javascript:;">班级管理</a><em class="p-lr10 c-CCCCCC fs12">/</em><em>开设班级</em>
</div>
<!--star内容区域-->
<div class="mainScroll">
    <div class="mainContainer line-all">
        <ul class="ui-nav-tab wList33">
            <li class="js-step-1"><a href="javascript:;">1.编辑班级基本信息</a></li>
            <li class="js-step-2"><a href="javascript:;">2.分配班级学员</a></li>
        </ul>
        <div class="tabMainCont">
            <!--star 编辑班级基本信息-->
            <div class="tabItem step-01 hide">
                <div class="line-all p20">
                    <!--star layui表单我没加样式你们自己加 结构一样 -->
                	<form class="layui-form" action="">
                        <div class="layui-form-item">
                            <label class="layui-form-label">班级名:</label>
                            <div class="layui-input-block">
                                <input name="title" lay-verify="title" autocomplete="off" placeholder="请输入..." class="layui-input" type="text">
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label">分类</label>
                            <div class="layui-input-inline">
                                <select name="interest" lay-filter="aihao">
                                <option value=""></option>
                                <option value="0">自己填</option>
                                <option value="1">自己填</option>
                            </select>
                            </div>
                            <div class="layui-form-mid layui-word-aux">关联发布的班课，还没有班课请先添加班课</div><a class="layui-btn layui-btn-small layui-btn-normal">添加课程</a>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label">课程</label>
                            <div class="layui-input-inline">
                                <select name="interest" lay-filter="aihao">
                                <option value=""></option>
                                <option value="0">自己填</option>
                                <option value="1">自己填</option>
                            </select>
                            <textarea class="layui-textarea layui-hide" name="content" lay-verify="content" id="LAY_demo_editor"></textarea>
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label">总课时:</label>
                            <div class="layui-input-inline">
                                <input name="title" lay-verify="title" autocomplete="off" placeholder="请输入..." class="layui-input" type="text">
                            </div>
                            <div class="layui-form-mid layui-word-aux">课时</div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label">班主任:</label>
                            <div class="layui-input-block">
                                 <div class="layui-form-mid layui-word-aux"><span class="p-r20">从学校老师中，未添加老师请先添加老师</span><a class="layui-btn layui-btn-small layui-btn-normal">添加老师</a></div>
                            </div>
                        </div>
                        <div class="layui-form-item" id="LAY_demo">
                            <label class="layui-form-label">课程内容:</label>
                            <div class="layui-input-block">
                            	<div class="m-b10">
                                	<a data-method="offset" data-type="auto" class="layui-btn layui-btn-primary"><i class="layui-icon"></i>选择老师</a>
                                </div>
                            	<div class="m-b10">
                                	<a data-method="offset" data-type="auto" class="layui-btn layui-btn-warm"><i class="layui-icon"></i>添加课程</a>
                                </div>
                                <div class="fix p-lr20 line-all b-FFFFFF m-b10">
                                <ul class="kechengNR LH40">
                                	<li>
                                    	<span class="w60 l tac">1</span>
                                        <span class="l w50w">会计基础（12课时）</span>
                                        <span class="r c-666666">李明宇老师</span>
                                    </li>
                                	<li>
                                    	<span class="w60 l tac">2</span>
                                        <span class="l w50w">会计基础（12课时）</span>
                                        <span class="r c-666666">李明宇老师</span>
                                    </li>
                                </ul>
                                </div>
                                    
                            </div>
                        </div>
                    </form>
                    <!--end layui表单我没加样式你们自己加 结构一样 -->
                	<!--临时的请删了把你们的拿上来--->
                    <script>
					layui.use('form', function(){
						var form = layui.form()
					});
					layui.use('layer', function(){
						$.post('iframe_html/添加课程.htm', {}, function(str){
							var active = {
								offset: function(othis){
									var type = othis.data('type');
									layer.open({
										type: 1,
										area: ['550px', '350px'],
										offset: type,
										id: 'LAY_demo'+type, //防止重复弹出
										content: '<div class="p-t30">'+str+'</div>', //注意，如果str是object，那么需要字符拼接。
										btn: ['保存', '取消'],
										btnAlign: 'c', //按钮居中
										shade: 0.5, //不显示遮罩
										yes: function(){
										  layer.closeAll();
										}
									});
								}
							}
							$('.layui-btn').on('click', function(){
								var othis = $(this), method = othis.data('method');
								active[method] ? active[method].call(this, othis) : '';
							});
						});
					});
					</script>
                </div>

                <div class="p-tb30 tac">
                	<button id="step001" class="layui-btn layui-btn-normal">保存并分配学员</button>
                    <button class="layui-btn layui-btn-primary">原始按钮</button>
                </div>
            </div>                
            <!--end 编辑班级基本信息-->
            <!--star 分配班级学员-->
            <div class="tabItem step-02 hide">
                <!--star-->
                <div class="fix line-all p30 fs14">
                	<ul class="LH30">
                    	<li><label>班级:</label>AAAAAA班</li>
                    	<li><label>课程:</label><span class="fs20">2016会计从业保过班</span></li>
                    	<li><label>已选:</label>0/20</li>
                    </ul>
                    <table class="layui-table" lay-skin="line">
                      <colgroup>
                        <col width="80">
                        <col width="150">
                        <col width="200">
                        <col>
                      </colgroup>
                      <thead>
                        <tr>
                          <th><input type="checkbox" /></th>
                          <th>编号</th>
                          <th>姓名</th>
                          <th>住址</th>
                          <th>报名时间</th>
                        </tr> 
                      </thead>
                      <tbody>
                        <tr>
                          <td><input type="checkbox" /></td>
                          <td>1</td>
                          <td>黎明</td>
                          <td>厦门市翔安区锦绣相安12号1511</td>
                          <td><span class="c-999999">2016-11-29</span></td>
                        </tr>
                        <tr>
                          <td><input type="checkbox" /></td>
                          <td>2</td>
                          <td>黎明</td>
                          <td>厦门市翔安区锦绣相安12号1511</td>
                          <td><span class="c-999999">2016-11-29</span></td>
                        </tr>
                      </tbody>
                    </table>
                </div>
                <!--end-->
                <div class="p-tb30 tac">
                	<button class="layui-btn layui-btn-normal">保存</button>
                    <button class="layui-btn layui-btn-primary">取消</button>
                </div>
            </div>                
            <!--end 分配班级学员-->
        </div>
        

    </div>
</div>
<!--end内容区域-->
<script type="text/javascript">
		
	//演示步骤（你们看着办好了!）
	$(function(){
		$.fn.Dashentab(".ui-nav-tab","li",".tabMainCont",".tabItem","active","click",0);//此处不一样注意
		//第一步
		$("#step001").click(function(){
			$(".step-01").hide();
			$(".step-02").show();
			$(".ui-nav-tab").find("li").removeClass("active").siblings(".js-step-2").addClass("active");
		})
	})
</script>
